// axios封装
// 1. 使用create方法实例化  baseURL + 接口超时时间
// 2. 请求拦截器   token注入  request headers
// 3. 响应拦截器
// 3.1. token失效 401 跳回到登录页
// 3.2. 当接口返回的状态不是以http200作为接口是否成功的判断条件
// 而是以一个自定义的字段作为判断条件
import axios from 'axios'

const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
  timeout: 5000
})

// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
// http状态码 200 - 300 2xx 代表接口是OK的 走第一个回调函数
// http状态码 不在200-300之间 代表接口是错误的  走第二个回调函数

// http状态码是由后端来控制的 如果当前后端接口已经报错 但是依旧返回的是http200的状态码
// 此时会走第一个回调 需要前端根据自定义的状态码 success手动抛出错误
instance.interceptors.response.use(function (response) {
  return response
}, function (error) {
  return Promise.reject(error)
})

// 定义一个请求方法 这个方法可以根据method自动适配参数名称
// 1. key如何支持表达式 []
// 2. 参数的适配 程序健壮性的考虑
// 3. 业务中如果需要.then 返回值必定是一个promise对象
function request (url, method, reqData) {
  return instance({
    url,
    method,
    // 可以根据method自动适配当前参数是什么
    // key支持表达式计算 []
    [method.toUpperCase() === 'GET' ? 'params' : 'data']: reqData
  })
}

export default request
